<link href="https://cdn.staticfile.org/codemirror/5.52.2/codemirror.min.css" rel="stylesheet">
<link href="https://cdn.staticfile.org/codemirror/5.52.2/addon/hint/show-hint.min.css" rel="stylesheet">
<style>
    .layui-tab-brief>.layui-tab-title .layui-this {
        color: #1296db !important;
    }

    .layui-tab-brief>.layui-tab-more li.layui-this:after,
    .layui-tab-brief>.layui-tab-title .layui-this:after {
        border: none;
        border-radius: 0;
        border-bottom: 2px solid #1296db !important;
    }

    ::-webkit-scrollbar {
        display: none
    }

    .line_left {
        margin-right: 10px;
    }

    .line_right {
        margin-left: 10px;
    }

    .CodeMirror {
        min-height: 50px;
        ;
        font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace;
    }

    #preview_page_frame {
        background-color: #fff;
        box-sizing: border-box;
        box-shadow: 4px 4px 3px grey;
    }
</style>

<div id="page_sourcecode_editor" style="margin-top: -20px;
overflow: hidden;">
    <div id="panel_content" style="overflow: auto;width: 100%;height: 95%;">
        <div id="config_frame" class="config_page_frame">
            <div id="deploy_page" class="" style="overflow: auto;">
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <div class="layui-tab-content" style="padding: 0px;">
                        <div style="overflow: auto;margin: 10px auto;width: 100%;padding: 0px 10px;"
                            class="layui-tab-item  layui-show">
                            <div style="margin-top: 10px;">
                                <div class="body_textarea_div">
                                    <img class="dcdev-icon-btn redo"
                                        style="float:right;width: 25px;height: 25px;margin-top: 6px;margin-right: 6px;"
                                        onclick="editorRedo()"
                                        src="https://res.dcdev.net/dcdev/v1.0.6/assets/images/redo.svg" alt="">
                                    <img class="dcdev-icon-btn undo"
                                        style="float:right;width: 25px;height: 25px;margin-top: 6px;margin-right: 6px;"
                                        onclick="editorUndo()"
                                        src="https://res.dcdev.net/dcdev/v1.0.6/assets/images/undo.svg" alt="">
                                    <img class="dcdev-icon-btn preview"
                                        style="float:right;width: 25px;height: 25px;margin-top: 6px;margin-right: 6px;"
                                        onclick="click_config_function_button(this)"
                                        src="https://res.dcdev.net/dcdev/v1.0.6/assets/images/preview.svg" alt="">
                                    <img class="dcdev-icon-btn download"
                                        style="float:right;width: 25px;height: 25px;margin-top: 6px;margin-right: 6px;"
                                        onclick="page_sourcecode_download()"
                                        src="https://res.dcdev.net/dcdev/v1.0.6/assets/images/download.svg" alt="">
                                    <img class="dcdev-icon-btn download"
                                        style="float:right;width: 25px;height: 25px;margin-top: 6px;margin-right: 6px;"
                                        onclick="delete_select_content()"
                                        src="https://res.dcdev.net/dcdev/v1.0.6/assets/images/download.svg" alt="">
                                </div>
                                <div id="editlinetable" class="layui-table"></div>
                                <div style="display: none;" id="_dc_edit_node_mode_contain_"></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div id="js_script_textarea_div"
                style="height: 800px;border-width: 1px;border-style: solid;border-color: lightgray;">
            </div>
        </div>
    </div>
</div>

<script src="https://res.dcdev.net/dcdev/v1.0.6/assets/third_part/monaco-editor/vs/loader.js"></script>